<template>
  <div class="flex">
    <ga-tag style="font-size: 14px" color="green"
      >正常:{{ record?.normalCount || record?.normalNodeTotal }}</ga-tag
    >
    <ga-tag style="font-size: 14px; margin-left: 6px" color="orange"
      >异常:{{ record?.abnormalCount || record?.abNormalNodeTotal }}</ga-tag
    >
  </div>
</template>

<script setup>
import { defineProps, toRefs } from "vue";
const props = defineProps({
  record: {
    required: true,
    default: "-",
  },
});
const { record } = toRefs(props);
</script>
<style lang="scss" scoped></style>
